import React from 'react'
import style from './style.module.scss'
import { ArrowDownOutlined } from '@ant-design/icons'

interface IDownloadBtnProps {
    width: string
    height: string
    imgId: string
    download: () => void
}

interface IImgDownloadBtnProps {
    imgId: string
}

export function ImgDownloadBtn(props: IImgDownloadBtnProps) {
    return (
        <div className={style.img__download}>
            <span>Download</span>
            <ArrowDownOutlined />
        </div>
    )
}

export default function DownloadBtn(props: IDownloadBtnProps) {
    return (
        <div
            onClick={props.download}
            className={style.container}
            style={{
                ['--width' as any]: props.width,
                ['--height' as any]: props.height
            }}>
            <ArrowDownOutlined className={style.icon} />
        </div>
    )
}
